import Home from '../pages/home'
import About, { Contact, Culture, History, Join } from '../pages/about'
import Profile from '../pages/profile'
import User from '../pages/user'
import Detail from '../pages/detail'
import Detail2 from '../pages/detail2'
import Detail3 from '../pages/detail3'

const routes = [
  {
    path: '/',
    exact: true,
    component: Home
  },
  {
    path: '/about',
    component: About,
    routes: [
      {
        path: '/about',
        exact: true,
        component: History
      },
      {
        path: '/about/culture',
        exact: true,
        component: Culture
      },
      {
        path: '/about/contact',
        exact: true,
        component: Contact
      },
      {
        path: '/about/join',
        exact: true,
        component: Join
      },
    ]
  },
  {
    path: '/profile',
    component: Profile
  },
  {
    path: '/user',
    component: User
  },
  {
    path: '/detail',
    component: Detail
  },
  {
    path: '/detail2',
    component: Detail2
  },
  {
    path: '/detail3',
    component: Detail3
  }
]

export default routes